<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
		<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
		<title>联系我们</title>
		<link rel="stylesheet" href="CSS/base.css" />
		<link rel="stylesheet" type="text/css" href="CSS/dianshesheying.css" />
		<!--引用百度地图API-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	</head>

	<body>
		<!--侧边栏-->
		<div class="siderbar">
			<div class="bar">
				<ul>
					<li class="top">返回顶部</li>
					<li class="tel">400-665-3707</li>
					<li class="qq">
						<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=916626570&amp;site=qq&amp;menu=yes&amp;from=message&amp;isappinstalled=0" target="_blank" title="即刻发送您的需求">在线咨询</a>
					</li>
					<li class="qr_code">
						微信二维码 <br>
						<img src="images/QR_code_SP.jpg" class="qr_code1" />
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
		<script>
			$(function() {
				// 悬浮窗口
				$(".siderbar").hover(function() {
					$(".siderbar").css("right", "5px");
					$(".bar .qr_code").css('height', '200px');
				}, function() {
					$(".siderbar").css("right", "-127px");
					$(".bar .qr_code").css('height', '53px');
				});
				// 返回顶部
				$(".top").click(function() {
					$("html,body").animate({
						'scrollTop': '0px'
					}, 300)
				});
			});
		</script>
		<div class=" da clearfix">
			<div class="top clearfix">
				<div class="a">
					<ul class="top1 clearfix">
						<a href="index.html">
							<h3>首页</h3>
							<h3>HOME</h3></a>
						<a href="works_level2.html">
							<h3>作品展示</h3>
							<h3>WORKS</h3></a>
						<a href="scense_level2.html">
							<h3>特色场景</h3>
							<h3>SCENE</h3></a>
						<a href="team_level2.html">
							<h3>服务团队</h3>
							<h3>TEAM</h3></a>
						<a href="brand_legend_level3.html">
							<h3>品牌资讯</h3>
							<h3>BRAND</h3></a>
						<a href="contact_us.html">
							<h3>联系我们</h3>
							<h3>CONTACT&nbsp;US</h3></a>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner">
			<img src="images/cont_banner.jpg" />
		</div>
		<!--主要内容部分-->
		<div class="show_No2_body">
			<div class="show_No2_now clearfix">
				<div class="now_left fl clearfix">
					<img class="fl" src="images/1.png" />
					<p class="fl">CONTACT&nbsp;US&nbsp;&nbsp;联系我们</p>
				</div>
				<p class="now_right fr">
					当前位置：
					<a href="index.html">主页</a>
					<span class="iconfont2">&#xe62e;</span>
					<span><a href="contact_us.html">联系我们</a></span>
				</p>
			</div>
			<div class="sp_line1 fl">
			</div>
		</div>
		<div class="about_compt">

			<!--百度地图容器-->
			<div class="ditu" id="dituContent"></div>
		</div>
		<div class="adc clearfix">
			<p>地址：合肥市包河区</p>
			<p>设计制作：点设软件科技项目二组</p>
			<p>手机：18214883210 15656573360</p>
			<p>合肥市点设摄影有限公司 版权所有 免责声明 皖ICP备30753号</p>
		</div>
		<script type="text/javascript">
			//创建和初始化地图函数：
			function initMap() {
				createMap(); //创建地图
				setMapEvent(); //设置地图事件
				addMapControl(); //向地图添加控件
				addMarker(); //向地图中添加marker
			}

			//创建地图函数：
			function createMap() {
				var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
				var point = new BMap.Point(117.308746, 31.847985); //定义一个中心点坐标
				map.centerAndZoom(point, 15); //设定地图的中心点和坐标并将地图显示在地图容器中
				window.map = map; //将map变量存储在全局
			}

			//地图事件设置函数：
			function setMapEvent() {
				map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
				map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
				map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
				map.enableKeyboard(); //启用键盘上下左右键移动地图
			}

			//地图控件添加函数：
			function addMapControl() {
				//向地图中添加缩放控件
				var ctrl_nav = new BMap.NavigationControl({
					anchor: BMAP_ANCHOR_TOP_LEFT,
					type: BMAP_NAVIGATION_CONTROL_LARGE
				});
				map.addControl(ctrl_nav);
				//向地图中添加缩略图控件
				var ctrl_ove = new BMap.OverviewMapControl({
					anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
					isOpen: 1
				});
				map.addControl(ctrl_ove);
				//向地图中添加比例尺控件
				var ctrl_sca = new BMap.ScaleControl({
					anchor: BMAP_ANCHOR_BOTTOM_LEFT
				});
				map.addControl(ctrl_sca);
			}

			//标注点数组
			var markerArr = [{
				title: "合肥点设软件科技有限公司",
				content: "400-665-3707",
				point: "117.30244|31.848828",
				isOpen: 0,
				icon: {
					w: 21,
					h: 21,
					l: 0,
					t: 0,
					x: 6,
					lb: 5
				}
			}];
			//创建marker
			function addMarker() {
				for(var i = 0; i < markerArr.length; i++) {
					var json = markerArr[i];
					var p0 = json.point.split("|")[0];
					var p1 = json.point.split("|")[1];
					var point = new BMap.Point(p0, p1);
					var iconImg = createIcon(json.icon);
					var marker = new BMap.Marker(point, {
						icon: iconImg
					});
					var iw = createInfoWindow(i);
					var label = new BMap.Label(json.title, {
						"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
					});
					marker.setLabel(label);
					map.addOverlay(marker);
					label.setStyle({
						borderColor: "#808080",
						color: "#333",
						cursor: "pointer"
					});

					(function() {
						var index = i;
						var _iw = createInfoWindow(i);
						var _marker = marker;
						_marker.addEventListener("click", function() {
							this.openInfoWindow(_iw);
						});
						_iw.addEventListener("open", function() {
							_marker.getLabel().hide();
						})
						_iw.addEventListener("close", function() {
							_marker.getLabel().show();
						})
						label.addEventListener("click", function() {
							_marker.openInfoWindow(_iw);
						})
						if(!!json.isOpen) {
							label.hide();
							_marker.openInfoWindow(_iw);
						}
					})()
				}
			}
			//创建InfoWindow
			function createInfoWindow(i) {
				var json = markerArr[i];
				var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
				return iw;
			}
			//创建一个Icon
			function createIcon(json) {
				var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
					imageOffset: new BMap.Size(-json.l, -json.t),
					infoWindowOffset: new BMap.Size(json.lb + 5, 1),
					offset: new BMap.Size(json.x, json.h)
				})
				return icon;
			}

			initMap(); //创建和初始化地图
		</script>
		<a href="#" class="back">&#xe62e;</a>
	</body>

</html>